<section class="grid-demo">
  <div lv-row>
    <div lv-col lvSpan="24"><div class="ui-col-box">col-24</div></div>
  </div>
  <div lv-row>
    <div lv-col lvSpan="12"><div class="ui-col-box">col-12</div></div>
    <div lv-col lvSpan="12"><div class="ui-col-box">col-12</div></div>
  </div>
  <div lv-row>
    <div lv-col lvSpan="8"><div class="ui-col-box">col-8</div></div>
    <div lv-col lvSpan="8"><div class="ui-col-box">col-8</div></div>
    <div lv-col lvSpan="8"><div class="ui-col-box">col-8</div></div>
  </div>
  <div lv-row>
    <div lv-col lvSpan="6"><div class="ui-col-box">col-6</div></div>
    <div lv-col lvSpan="6"><div class="ui-col-box">col-6</div></div>
    <div lv-col lvSpan="6"><div class="ui-col-box">col-6</div></div>
    <div lv-col lvSpan="6"><div class="ui-col-box">col-6</div></div>
  </div>
  <div lv-row>
    <div lv-col lvSpan="4"><div class="ui-col-box">col-4</div></div>
    <div lv-col lvSpan="4"><div class="ui-col-box">col-4</div></div>
    <div lv-col lvSpan="4"><div class="ui-col-box">col-4</div></div>
    <div lv-col lvSpan="4"><div class="ui-col-box">col-4</div></div>
    <div lv-col lvSpan="4"><div class="ui-col-box">col-4</div></div>
    <div lv-col lvSpan="4"><div class="ui-col-box">col-4</div></div>
  </div>
</section>
